<!DOCTYPE html>
<html>
<head>
	<title>豆瓣音乐</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../css&js/music.css">
</head>
<body>
	<div id="main">
		<div id="top">
			<a href="https://www.douban.com/" target="_blank" class="topbiaoti">豆瓣</a>
			<a href="https://book.douban.com/" target="_blank" class="topbiaoti">读书</a>
			<a href="../douban.html" target="_blank" class="topbiaoti" id="dianyingzhankai">电影</a>
			<a href="https://music.douban.com/" target="_blank" class="topbiaoti">音乐</a>
			<a href="https://www.douban.com/location/zhengzhou/" target="_blank" class="topbiaoti">同城</a>
			<a href="" target="_blank" class="topbiaoti">小组</a>
			<a href="https://read.douban.com/?dcs=top-nav&dcm=douban" target="_blank" class="topbiaoti">阅读</a>
			<a href="https://douban.fm/?from_=shire_top_nav" target="_blank" class="topbiaoti">FM</a>
			<a href="https://dongxi.douban.com/?dcs=top-nav&dcm=douban" target="_blank" class="topbiaoti">东西</a>
			<a href="https://market.douban.com/?utm_campaign=douban_top_nav&utm_source=douban&utm_medium=pc_web" target="_blank" class="topbiaoti">市集</a>
			<a target="_blank" class="topbiaoti" id="gengduozhankai">更多</a>
			<div id="gengduoneirong">
				<ul type="none">
					<li><a class="yike" target="_blank" href="https://moment.douban.com/app/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一刻</a></li>
					<li><a class="yike" target="_blank" href="https://ypy.douban.com/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;豆瓣摄影</a></li>
				</ul>
			</div>
			<div id="zhuce">
				<a target="_blank" href="zhuce.html" class="topbiaoti topyoubian">注册</a>
			</div>		
			<div id="denglu">
				<a href="denglu.html" target="_blank" class="topbiaoti topyoubian">登陆</a>
			</div>
			<div id="xzkhd">
				<a href="https://www.douban.com/doubanapp/frodo?channel=top-nav&referer=https%3A%2F%2Fmovie.douban.com%2F&wechat=0&os=Mac+OS+X" target="_blank" class="topbiaoti topyoubian" id="xzdbkhd">下载豆瓣客户端</a>
				<div id="xzkhdxia">
					<p><img src="https://img3.doubanio.com/f/shire/323b8653e3e313a992d287201347d32c0642914b/pics/nav/nav_doubanapp_6.png" width="100px"><br><br>豆瓣<br><br><span id="jingshenbuluo">我们的精神部落</span><br><br><br><img src="https://img3.doubanio.com/f/shire/af392ad86cb48ed904ba64d8220b1a6fb1b4f97b/pics/nav/nav_doubanapp_6_qrcode.png" width="150px"><br><br><span class="iphone"><a href="https://itunes.apple.com/cn/app/dou-ban/id907002334" target="_blank">iPhone</a></span><span class="iphone">·</span><span class="iphone"><a href="https://www.douban.com/doubanapp/redirect?channel=top-nav&direct_dl=1&download=Android">Android</a></span></p>
				</div>
			</div>
		</div>
		<div id="sousuolan">
			<div id="dbdydiv"><a href="#" target="_blank" id="dbdy">豆瓣音乐</a></div>
			<div id="zhenghe"><input id="sousuoipt" type="text" name="ags" placeholder="唱片名、表演者、条码、ISRC">
				<div id="sousuo"></div></div>
			<a href="https://movie.douban.com/annual2016/?source=navigation" target="_blank"><img id="dianyingjie2016" src="https://img3.doubanio.com/f/music/0b4dbb27aebf2dcc74e25009e1452d0ae5535c38/pics/music/annual2016.png" width="174px" height="90px"></a>
			<div id="yingxundiv">
				<a target="_blank" href="https://movie.douban.com/nowplaying/zhengzhou/" class="yingxun">音乐人</a>
				<a  target="_blank" href="https://movie.douban.com/explore#!type=movie&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=20&page_start=0" class="yingxun">金羊毛计划</a>
				<a target="_blank" href="https://movie.douban.com/tv/#!type=tv&tag=%E7%83%AD%E9%97%A8&sort=recommend&page_limit=20&page_start=0" class="yingxun">专题</a>
				<a target="_blank" href="https://movie.douban.com/chart" class="yingxun">排行榜</a>
				<a target="_blank" href="https://movie.douban.com/tag/" class="yingxun">分类浏览</a>
				<a target="_blank" href="https://movie.douban.com/review/best/" class="yingxun">乐评</a>
				<a target="_blank" href="https://movie.douban.com/annual2016/?source=navigation" class="yingxun">豆瓣FM</a>
				<a href="#" class="yingxun">歌单</a>
				<a href="https://movie.douban.com/standbyme/2016/share" class="yingxun" style="margin-right: 300px">阿比鹿2016</a>
			</div>
		</div>
		<div id="middle">
			<div id="mleft">
				<div id="huadong">
					<div id="youfan" onclick="tiaoZhuan()"></div>
					<div id="xiaodian1" onclick="change(0)"></div>
					<div id="xiaodian2" onclick="change(1)"></div>
					<div id="xiaodian3" onclick="change(2)"></div>
					<div id="xiaodian4" onclick="change(3)"></div>
					<div id="chang">						
						<div class="tupian"><a><img src="https://img3.doubanio.com/view/music_index_banner/raw/public/banner-2415.jpg" height="250px"></a></div>
						<div class="tupian"><img src="https://img3.doubanio.com/view/music_index_banner/raw/public/banner-2411.jpg" height="250px"></div>
						<div class="tupian"><img src="https://img3.doubanio.com/view/music_index_banner/raw/public/banner-2414.jpg" height="250px"></div>
						<div class="tupian"><img src="https://img3.doubanio.com/view/music_index_banner/raw/public/banner-2412.jpg" height="250px"></div>
					</div>
				</div>
				<br><br><br><br><br><br><br>
				<div id="liuxing">
					<a href="">本周流行音乐人</a><span>|</span><a href=""> 上升最快音乐人</a><br><br>
					<table id="diyibiaoge">
						<tr>
							<td><div class="dybiaoge" id="b1"><img class="biaogeimg" src="https://img3.doubanio.com/view/site/median/public/1a774de56fb4bf2.jpg" width="120px"><div id="debiaoge">不如听一首歌 <br>01《冬》1.风从海面吹... <br>04《你飞到城...</div><div id="yuan">►</div></div></td>
							<td><div class="dybiaoge" id="b2"><img class="biaogeimg" src="https://img3.doubanio.com/view/site/median/public/4ff788daaa1b9d4.jpg" width="120px"><div id="debiaoge1">Walk alone in... <br>I'll be here<br>The way u r_(... <br>indeed.I am a...</div><div id="yuan1">►</div></div></td>
							<td><div class="dybiaoge" id="b3"><img class="biaogeimg" src="https://img1.doubanio.com/view/site/median/public/fc00cb95a9b74d9.jpg" width="120px"><div id="debiaoge2">不想回家 <br>4.Itinerary 旅...<br>2.有女朋友别... <br>3.预谋邂逅</div><div id="yuan1">►</div></div></td>
							<td><div class="dybiaoge" id="b4"><img class="biaogeimg" src="https://img5.doubanio.com/view/site/median/public/b897ce8873dd0a6.jpg" width="120px"><div id="debiaoge3">小翅膀 <br>秘密的爱<br>爱玲 <br>星期天大街</div><div id="yuan1">►</div></div></td>
						</tr>
						<tr>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 好妹妹</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 梁晓雪</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 放肆的肆</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 声音玩具</a></td>
						</tr>
						<tr>
							<td><span>民谣 Folk</span></td>
							<td><span>民谣 Folk</span></td>
							<td><span>流行 Pop</span></td>
							<td><span>摇滚 Rock</span></td>
						</tr>
						<tr>
							<td><div class="dybiaoge" id="d5"><img class="biaogeimg" src="https://img3.doubanio.com/view/site/median/public/560b6c87a906d5d.jpg" width="120px"><div id="debiaoge4">小翅膀 <br>秘密的爱<br>爱玲 <br>星期天大街</div></div><div id="yuanxia">►</div></td>
							<td><div class="dybiaoge" id="d6"><img class="biaogeimg" src="https://img1.doubanio.com/view/site/median/public/1a2cb0ba3841eda.jpg" width="120px"><div id="debiaoge5">小翅膀 <br>秘密的爱<br>爱玲 <br>星期天大街</div></div><div id="yuanxia1">►</div></td>
							<td><div class="dybiaoge" id="d7"><img class="biaogeimg" src="https://img1.doubanio.com/view/site/median/public/1ce6f18caa62a8a.jpg" width="120px"><div id="debiaoge6">小翅膀 <br>秘密的爱<br>爱玲 <br>星期天大街</div></div><div id="yuanxia2">►</div></td>
							<td><div class="dybiaoge" id="d8"><img class="biaogeimg" src="https://img3.doubanio.com/view/site/median/public/5fb52fdcb25f763.jpg" width="120px"><div id="debiaoge7">小翅膀 <br>秘密的爱<br>爱玲 <br>星期天大街</div></div><div id="yuanxia3">►</div></td>
						</tr>
						<tr>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> Shekhinah | 安娜与陈飙</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 花镜泉</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 贰佰</a></td>
							<td><a href=""><img src="https://img3.doubanio.com/f/music/d61397f8efe08f2988bd187f2085461bcfc5ce7a/pics/music/home/fleece_small.png"> 宋冬野</a></td>
						</tr>
						<tr>
							<td><span>摇滚 Rock</span></td>
							<td><span>世界音乐 World</span></td>
							<td><span>民谣 Folk</span></td>
							<td><span>民谣 Folk</span></td>
						</tr>
					</table>
				</div><br><br><br>
				<div><h3 style="display: inline-block;">编辑推荐</h3><div id="yuanright" onclick="zuo(-590)"></div><div id="yuanleft" onclick="you(0)"></div></div><br>
				<div id="show">
					<div id="tuijian">
						<div id="tuijian1">
							<div id="tjdiv1" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img3.doubanio.com/view/music_index_feature/mid/public/c45270.jpg" width="150px;"><div id="showtj1">BeiJing 12.30</div><div id="yuanxia001">►</div></div>
								<p>【歌曲】</p><a href="">北京现场</a><br><a href="">Usisi</a><p>迷幻噪音吉他手uisisi的北京现场录音</p>
							</div>
							<div id="tjdiv2" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img3.doubanio.com/view/music_index_feature/mid/public/c45123.jpg" width="150px;"><div id="showtj2">蛙鸣（2016） <br>蛙鸣（2015） <br>蛙鸣（2014）</div><div id="yuanxia002">►</div></div>
								<p>【歌曲】</p><a href="">蛙</a><br><a href="">loops</a><p>无论什么时候，听到蛙鸣总是一件好事。更何况是在冬季。</p>
							</div>
							<div id="tjdiv3" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img3.doubanio.com/view/music_index_feature/mid/public/c45050.jpg" width="150px;" height="150px;"><div id="showtj3">BeiJing 12.30</div><div id="yuanxia003">►</div></div>
								<p>【音乐人】</p><a href="">海牙国际法庭</a><br><a href="">281人关注</a><p>海豚踢、鸭听天与高嘉丰的合体即兴，自由爵士与迷幻摇滚的闪回。</p>
							</div>
						</div>
						<div id="tuijian2">
							<div id="tjdiv12" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img3.doubanio.com/view/music_index_feature/mid/public/c44940.jpg" width="150px;"><div id="showtj4">BeiJing 12.30</div><div id="yuanxia004">►</div></div>
								<p>【音乐人】</p><a href="">Karmacipher</a><br><a href="">32人关注</a><p>Karmacipher（因果密码）是一支香港的厄运死亡金属乐队，最新专辑发行了大陆版本。</p>
							</div>
							<div id="tjdiv22" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img1.doubanio.com/view/music_index_feature/mid/public/c44869.jpg" width="150px;"><div id="showtj5">BeiJing 12.30</div><div id="yuanxia005">►</div></div>
								<p>【歌曲】</p><a href="">痴</a><br><a href="">Nonsectarian</a><p>重庆乐队Nonsectarian给一首老歌换了更简洁更好听的新编配，少即是多。</p>
							</div>
							<div id="tjdiv33" class="tjdiv">
								<div class="showHover" style="position: relative;"><img src="https://img1.doubanio.com/view/music_index_feature/mid/public/c44798.jpg" width="150px;" height="150px;"><div id="showtj6">BeiJing 12.30</div><div id="yuanxia006">►</div></div>
								<p>【音乐人】</p><a href="">解离的真实</a><br><a href="">160人关注</a><p>上海最强的新乐队，好听又好跳，又有点邪。</p>
							</div>
						</div>
					</div>
				</div>
				<img src="https://img3.doubanio.com/view/dale-online/dale_ad/public/5b396956911e264.jpg">
			</div>
			<div id="mright">
				<img src="https://img3.doubanio.com/view/dale-online/dale_ad/public/0297a9c384322e4.jpg" border="0" width="300" height="250" style="position:absolute;">
				<div style="width: 300px; height: 100px" class="rdiv1">
					<div style="width: 98px; height: 57px; background-color:#F5F7F8; text-align: center; line-height: 20px; display: inline-block;">
						<p style="color: #072; font-size: 16px; display:inline-block;margin-top: 8px;"><span class="rightspan">40470</span><br><span style="color: #666; font-size: 14px">音乐人</span></p>
					</div>
					<div style="width: 98px; height: 57px; background-color:#F5F7F8; text-align: center; line-height: 20px; display: inline-block;">
						<p style="color: #072; font-size: 16px; display:inline-block;margin-top: 8px;"><span class="rightspan">2487</span><br><span style="color: #666; font-size: 14px">播客</span></p>
					</div>
					<div style="width: 96px; height: 57px; background-color:#F5F7F8; text-align: center; line-height: 20px; display: inline-block;">
						<p style="color: #072; font-size: 16px; display:inline-block;margin-top: 8px;"><span class="rightspan">955</span><br><span style="color: #666; font-size: 14px">厂牌</span></p>
					</div>
					<div class="join">我要加入</div>
				</div>
				<p style="margin-top: 280px; font-size: 15px; color: black;">热门音乐人分类 <span style="font-size: 12px; color: #999;margin-left: 160px" id="sgd">更多</span></p><br>
				<table width="300px" height="196px" cellpadding="10px" cellspacing="2">
					<tr>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/6/" target="_blank" style="font-size: 13px;color: #138e64;">流行</a></td>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/2/" target="_blank" style="font-size: 13px;color: #138e64;">轻音乐</a></td>
					</tr>
					<tr>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/8/" target="_blank" style="font-size: 13px;color: #138e64;">摇滚</a></td>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/1/" target="_blank" style="font-size: 13px;color: #138e64;">古典</a></td>
					</tr>
					<tr>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/3/" target="_blank" style="font-size: 13px;color: #138e64;">电子</a></td>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/10/" target="_blank" style="font-size: 13px;color: #138e64;">世界音乐</a></td>
					</tr>
					<tr>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/4/" target="_blank" style="font-size: 13px;color: #138e64;">民谣</a></td>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/7/" target="_blank" style="font-size: 13px;color: #138e64;">说唱</a></td>
					</tr>
					<tr>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/5/" target="_blank" style="font-size: 13px;color: #138e64;">爵士</a></td>
						<td class="a1"><a href="https://music.douban.com/artists/genre_page/9/" target="_blank" style="font-size: 13px;color: #138e64;">原声</a></td>
					</tr>
				</table><br>
				<div class="rdiv2">
				<p style="font-size: 14px; color: black; display: inline-block; margin-right: 136px;">本周单曲榜</p>
				<span class="playbn">▶播放全部</span><br><br>
				</div>
				<div class="rdiv3">
					<p id="sp"><span style="color: #138e64;">最热</span> | <span>摇滚</span> | <span>民谣</span> | <span>流行</span> | <span>电子</span></p>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/5fb52fdcb25f763.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">1</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img5.doubanio.com/view/site/small/public/b897ce8873dd0a6.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">2</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/1a774de56fb4bf2.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">3</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/11b711d7e42766d.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">4</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/26da380abd71ddd.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">5</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img5.doubanio.com/view/site/small/public/b6343ebc0bdb396.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">6</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img1.doubanio.com/view/site/small/public/fc00cb95a9b74d9.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">7</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/4ff788daaa1b9d4.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">8</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img3.doubanio.com/view/site/small/public/43e0ec70c2d8efe.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 260px; ">9</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
					<div class="danqu">
						<div class="danqupic"><img src="https://img5.doubanio.com/view/site/small/public/698e710cec1fd76.jpg" width="48px" style="border-radius: 50%; margin-right: 10px"></div>
						<p style="display: inline-block; font-size: 14px; color: #138e64; margin: 0px;">2016—1 gyc demo</p><span style="font-size: 38px; color: #E6E6E6; position: absolute; left: 242px; ">10</span><br><span style="font-size: 12px; color: #999;">宋冬野 / 13714次播放</span>
					</div>
				</div>
			</div>
		</div>
		<div id="bottom">
			<br><br><br><br><br><br><br><br><br><br>
			<div id="dibu"><span id="s1">© 2005－2017 douban.com, all rights reserved 北京豆网科技有限公司</span><span id="s2"><a href="#">关于豆瓣</a>·<a href="#">在豆瓣工作</a>·<a href="#">联系我们</a>·<a href="#">免责声明</a>·<a href="#">帮助中心</a>·<a href="#">手机音乐</a>·<a href="#">豆瓣广告</a></span></div><br><br>
		</div>
	</div>
</body>
</html>
<script type="text/javascript" src="../css&js/music.js"></script>